
<script>
	// #ifdef APP-PLUS
	import APPUpdate from "@/common/APPUpdate/index.js"; //App版本更新
	// #endif
	export default {
		 
		onLaunch() {
			this.changeTheme()
			// 原生app版本更新检测
			// #ifdef APP-PLUS
			APPUpdate();
			// #endif
		},
		onShow: function() {
			//console.log('App Show')
		},
		onHide: function() {
			//console.log('App Hide')
		},
		onUnload() {
			// this.clearFlags()
		},
		onLoad(option) {
		
			// this.addFlags()
		},

		methods: {
			// 修改主题
			changeTheme() {
				const value = uni.getStorageSync('theme');;
				if (value == 'purple') {
					uni.setStorageSync('theme', "purple");
				} else if (value == 'black') {
					uni.setStorageSync('theme', "black");
				} else {
					uni.setStorageSync('theme', "black");
				}
				// this.setTheme(uni.getStorageSync('theme'));
				//用于动态的改变定义在vuex当中的变量，达到动态换肤的效果
				this.$store.dispatch('changeTheme', uni.getStorageSync('theme'));
			},
		}

	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import './static/css/style.css';
	@import "@/uni_modules/uview-ui/index.scss";

	uni-page-body,
	html,
	body {
		height: 100%;
		// overflow-x: hidden;
		// background-color:black !important;
		// background-color: var(kbackgroundColor);
	}
	/*去掉滚动条 */
	// body::-webkit-scrollbar {
	// 	display: none;
	// }
	
	::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}
	.scroll-box ::-webkit-scrollbar{
		display: none;
	    width: 0 !important;
	    height: 0 !important;
	    -webkit-appearance : none;
	    background : transparent;
	}
	::v-deep .uni-toast {
	   background: none !important;
	   color: #000000 !important;  
	}
		//.uni-toast__content
	// ::v-deep uni-toast .uni-simple-toast__text {
	// 	background: none !important;
	// 	color: #000000 !important;  
	// }
	page {
		background-color: #fff;
	}
	// 加载框去掉背景颜色
 //        /deep/.uni-toast{
	// 	font-size: 12px!important;
	// 	border-radius: 10px!important;
	// 	background: none!important;
	// 	color: #000!important;
	 
	// }
	.bot-img {
		width: 100%;
		height: 28rpx;
		margin: 20rpx auto;
		display: block;
	}

	.container {
		z-index: 1;
		position: relative;
	}

	.relative {
		position: relative
	}



	.submit_btn2 {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 32rpx;

		color: #668BF6;
		position: relative;
		height: 90rpx;
		border: 2rpx solid #668BF6;
		color: #668BF6;
		font-weight: bold;
		border-radius: 50rpx;
	}

	.footWrap {
		width: 100%;
		height: 160rpx;
		// background-color: #fff;
		padding: 30rpx 80rpx 0;
		display: flex;
		justify-content: center;
		position: fixed;
		bottom: 0;
		z-index: 30;
	}

	.footWrap .btn {
		width: 100%;
		height: 90rpx;
		background: $btn-bg;
		border-radius: 100rpx;
		text-align: center;
		line-height: 90rpx;
		font-size: 32rpx;
		color: #333333;
		font-weight: 400;
	}

	.bg {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
	}
	.bg-top {
		width: 100%;
		height: 60%;
		position: fixed;
		top: 0;
		left: 0;
	}
	.login_top_img {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
	}

	.login_bottom_img {
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
	}


	.skew {
		// transform: skew(-20deg);
		display: flex;
		align-items: center;
		justify-content: center;

	}

	.skew text {
		// transform: skew(20deg);
	}


	.mart_bg {
		width: 100%;
		height: 1448rpx;
		position: absolute;
		top: 0;
		left: 0;
	}

	.data {
		display: flex;
		align-items: center;

		.label {
			width: 70rpx;
			height: 34rpx;
			background-color: #863A3A;
			border-radius: 5rpx 0 0 5rpx;
			text-align: center;
			line-height: 34rpx;
			font-size: 22rpx;
			color: #fff;
			font-weight: 500;
		}

		.num {
			display: inline-block;
			min-width: 100rpx;
			height: 34rpx;
			background-color: #FFE4E8;
			padding: 0 12rpx;
			text-align: center;
			line-height: 34rpx;
			font-size: 22rpx;
			color: #000;
			font-weight: 500;
		}
	}

	/deep/.showLoading {
		border: 1px solid rebeccapurple !important;
	}
</style>
<style>
	@import url("/components/gaoyia-parse/parse.css");
	@import url("/static/css/code_box.css");
</style>